import React from 'react';
import {
  HashRouter as Router,
  Routes,
  Route,
} from 'react-router-dom';

import Home from '@/pages/Home';
import Feature from '@/pages/Feature';
import Survey from '@/pages/Survey';
import Docs from '@/pages/Docs';
import Login from '@/pages/Login';
import Register from '@/pages/Register';
import Recommend from '@/pages/Recommend'
import NewsPage from '@/pages/NewsPage';
import CollegeListPage from '@/pages/CollegeListPage';
import { AuthProvider } from '@hooks/AuthContext';
import CollegeProfilePage from './pages/CollegeProfile';
import BrochurePage from './pages/BrochurePage';
function App() {

  return (
    <Router>
      <div>
        <AuthProvider>
          <Routes>
            <Route path="/brochure/:pageid" element={<BrochurePage />} />
            <Route path="/college/:pageid" element={<CollegeProfilePage />} />
            <Route path="/collegeList" element={<CollegeListPage />} />
            <Route path="/news/:pageid" element={<NewsPage />} />
            <Route path="/login" element={<Login />} />
            <Route path="/register" element={<Register />} />
            <Route path="/docs" element={<Docs />} />
            <Route path="/feature" element={<Feature />} />
            <Route path="/recommend" element={<Recommend />} />
            <Route path="/survey" element={<Survey />} />
            <Route path="/" element={<Home />} />
          </Routes>
        </AuthProvider>
      </div>
    </Router>
  );
}


export default App;
